<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>javascript</title>
</head>
<style>
	
	#up{
		cursor: pointer;
	}
	input[type=submit]{
		background: #fff;
		border:1px solid #ccc;
	}
</style>
<body>
	<form action="a.php" id="fid">
		<p>上传文件：</p>
		<p><input type="file" id='tid'></p>
		<p><input type="text"></p>
		<p id="pid"></p>
		
	</form>

	<h1>LINUX</h1>
	<p>linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!
	</p>
	<h1>提交表单</h1>
	<button id='submit'>ok</button>
	<button id='reset'>cancel</button>
</body>
<script>
	//reset,重置，按钮不在form表单中的方法。
	
	fidobj=document.getElementById('fid');
	submitobj=document.getElementById('submit');
	resetobj=document.getElementById('reset');

	resetobj.onclick=function(){
		//alert(this.value);
		fidobj.reset();//重置表单页面内容
	}


</script>
</html>